前端基础面试题

1.HTMl5的新增标签;

结构标签:
  header    section    footer    nav    article    aside    hgroup    figure    figcaption    dialog          
多媒体标签:
  video    audio    source   
绘图标签:
  canvas    svg  
其他标签:
  keygen    mark    time    output  

2.H5新增的表单控件(属性)

  number    color    datetime    datetime-local    time    date    week    month    email    URL    range

3.input元素新增属性

  autocomplete    autofocus    required    pattern    form    

4.CSS新增的

  圆角    边框图片   背景尺寸    渐变    文本效果    字体阴影    2D转换  多列布局    动画
  http://blog.163.com/thinker_creator/blog/static/101933149200992181547878/

5.CSS3动画

  transition    transform    animation  
  https://www.cnblogs.com/wuyanliang/p/5862643.html

6.jQuery动画

  hide()    show()    
  fadeIn()    fadeOut()    fadeToggle()    fadeTo()
  animate()
  slideDown()    slideUp()    slideToggle()

7.javaScript 获取DOM对象的方法

  getElementById()
  getElementsByTagName()
  getElementsByClassName()
  appendChild()                    把新的子节点添加到指定节点
  removeChild()                    删除子节点
  replaceChild()                   替换子节点
  insertBefore()                   在指定的子节点前面插入新的子节点
  createAttribute()                创建属性节点
  createElement()                  创建元素节点
  createTextNode()                 创建文本节点
  getAttribute()                   返回指定属性名的属性值
  setAttribute()                   把指定属性设置或修改为指定的值
  getComputedStyle()               获取内联外联的css样式 

8.jQuery 操作CSS样式

  css()

9.jQuery 操作类名

  addClass()
  removeClass()
  toggleClass()

10.jQuery-JavaScript 操作内容

  html()    innerHTML
  text()    innerText
  val()     textContent

11.jQuery对元素属性的操作

   attr()                          操作自定义属性
   prop()                          操作固有(自带)属性
   removeAttr()       

12.H5的本地存储(缓存)

   localStorage                    永久保存(5M)
   sessonStorage                   窗口,浏览器,客户端关闭后自动消除数据(5M)
   cookies                         大小4K之内    

13.JavaScript的类型有哪些

   number string boolean undefined null  object(array function)

14.怎么判断JavaScript类型

   typeof

15.null,undefined类型

   object     undefined

16.写一个简单的排序(数组去重)

   function sorts(str){
       return Array.from(new Set(str)).sort((a,b)=>{return b - a})
   }

17.JavaScript类型转换

   Number()    
   parseInt()                     不能转换浮点数
   parseFloat()                   能转换浮点数
   string()

18.数组转字符串

    replace()    var str= arr.replace(/\''/g,"")
    join()       var str = arr.join(',')
    JSON.stringify(对象或者数组)    将JavaScript值转换为JSON字符串       

19.字符串转数组

    split()       var arr = str.split(",")

20.字符串转对象

    JSON.parse()                   将一个JSON字符串转为JavaScript对象

21.JavaScript延迟加载

    setTimeout
    让JavaScript代码最后加载(放在HTML文件底部)
    async defer

22.js性能优化

    尽量减少DOM调用
    优化循环
    避免使用eval()
    使用事件委托
    减少DOM的数目
    动态创建DOM方式
    按需异步加载

23.事件委托

    利用事件冒泡的原理,子元素的事件会冒泡到父元素,可以只给父元素添加事件,通过事件目标判断元素      

24.闭包

    函数内部又定义了一个函数,内部函数引用外部函数的变量,就构成了闭包
    (闭包就是能够读取其他函数内部变量的函数)

25.eval()

    它的功能吧对应的字符串解析成JavaScript饭吗并运行
    缺点:非常耗性能(一次解析成JavaScript语句,一次执行)

26.链式结构的原理

    return  this

27.你知道VueX么

    集中式状态管理架构

28.前端构建(造)工具

     gulp
     http://www.gulpjs.com.cn/

29.前端js框架(框架)

    Zepto.js    Node.js    angular.Js    JQuery Mobile    requirejs    Vue.js    backbone.js

30.前端UI框架

    bootstrap    Pure    EasyUI    Ant Design

31.前端加密方式(js)

js加密
    https://www.cnblogs.com/jingmin/p/6503257.html
    压缩    混淆     MD5    RSA

32.前端隐藏元素

   display:none    visibility:hidden    opacity:0    position:absolute    clip-path(裁剪)

33.作用域的规则

    只能从内部向外部查找变量